<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			html,body{
				height: 100%;
			}
			img{position: absolute;display: none;}
		</style>
	</head>
	<body>
		<img src="./1.gif" id="img">
		<script type="text/javascript">
			var img = document.getElementById('img');
			document.body.onmousemove = function(e){
				console.dir(e);
				img.style.display = 'block';
				img.style.left = e.clientX + 'px';
				img.style.top = e.clientY + 'px';
			}
			document.body.onmouseout = function(){
				img.style.display = 'none';
			}
		</script>
	</body>
</html>